<!DOCTYPE html>                                             
<html lang="en">
<head>
  <title>Mspares</title>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <meta name="author" content=""/>
  <meta name="description" content=""/>
  <meta name="keywords" content=""/>
  <link rel="stylesheet" href="css/main.css" media="all"/>
  <!--[if IE 8]><link href="css/ie8.css" rel="stylesheet" type="text/css" media="all"/><![endif]-->
  <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
 <link href="favicon.ico" rel="shortcut icon"/>
</head>                     
                                            
<body>
  <!-- wrapper Start -->
  <div class="wrapper">
    <!-- header Start -->
    <header class="header">
      <div class="header__top-panel">
        <div class="header__top-panel__inner">
          <div class="select-city">
            <span class="select-city__link">
              <span>Москва и Подмосковье</span>
            </span>
            <div class="select-city__confirmation">
              <div class="select-city__confirmation__corn">&nbsp;</div>
              <div class="select-city__confirmation__inner">
                <p>Ваш город - Петропавловск-Камчатский?</p>
                <ul class="select-city__confirmation__button-list">
                  <li>
                    <a href="#">Да</a>
                  </li>
                  <li>
                    <a href="#">Нет</a>
                  </li>
                </ul>
              </div>
            </div>
          </div>  
          <a href="#authorization" class="authorization-button show-popup">Авторизация</a>
          <nav class="main-navi">
            <ul>
              <li>
                <a href="#">Компания</a>
              </li>
              <li>
                <a href="#">Доставка</a>
              </li>
              <li>
                <a href="#">Оплата и гарантия</a>
              </li>
              <li>
                <a href="#">Прайс-лист</a>
              </li>
              <li>
                <a href="#">Контакты</a>
              </li>
            </ul>
          </nav>
        </div>  
      </div>
      <div class="header__middle-panel">
        <div class="header__middle-panel__inner">
          <ul class="header__middle-panel__list">
            <li class="header__middle-panel__list__item">
              <div class="logo">
                <a href="#">Mspares.ru</a>
              </div>
            </li>
            <li class="header__middle-panel__list__item">  
              <div class="contact-info">
                <div class="contact-info__inner">
                  <address>
                    <span>8 (495) 988-0-911</span>
                  </address>
                  <div class="contact-info__sub-navi">
                    <ul>
                      <li class="contact-info__sub-navi__order-call">
                        <a href="#">Закажите звонок</a>
                      </li>
                      <li class="contact-info__sub-navi__consultant">
                        <a href="#">Онлайн консультант</a>
                      </li>
                    </ul>
                  </div>
                </div>  
                <dl>
                  <dt>Режим работы:</dt>
                  <dd>9:00 - 18:00</dd>
                </dl>
              </div>
            </li>
            <li class="header__middle-panel__list__item">  
              <div class="messengers">
                <ul>
                  <li class="messengers__skype">
                    <a href="#">mspares</a>
                  </li>
                  <li class="messengers__icq">4667777</li>
                </ul>
              </div>
            </li>  
            <li class="header__middle-panel__list__item">
              <div class="shopping-cart">
                <span class="shopping-cart__link">
                  <span class="shopping-cart__link__inner">Корзина</span>
                  <span class="shopping-cart__link__arrow">&nbsp;</span>
                </span>
                <div class="shopping-cart__goods">
                  <div class="shopping-cart__goods__corn">&nbsp;</div>
                  <div class="shopping-cart__goods__inner">
                    <h3>Ваша корзина</h3>
                    <ul class="shopping-cart__goods__list">
                      <li class="shopping-cart__goods__list__item">
                        <ul>
                          <li class="shopping-cart__goods__list__title">
                            <h3>
                              <a href="#">Дисплей для Samsung GALAXY S III ( S3 ) - GT-i9300 дисплей с тачскрином, белый, оригинал.</a>
                            </h3>
                          </li>
                          <li class="shopping-cart__goods__list__counter">
                            <div class="number__counter">
                              <div class="number__counter__fewer">
                                <span>-</span>
                              </div>
                              <div class="number__counter__result">
                                <input type="text" value="1" />
                              </div>
                              <div class="number__counter__more">
                                <span>+</span>
                              </div>
                            </div>
                          </li>
                          <li class="shopping-cart__goods__list__price">150 000 <span>c</span></li>
                          <li class="shopping-cart__goods__list__delete">
                            <a href="#">Удалить</a>
                          </li>
                        </ul>
                      </li>
                      <li class="shopping-cart__goods__list__item">
                        <ul>
                          <li class="shopping-cart__goods__list__title">
                            <h3>
                              <a href="#">Дисплей для Samsung GALAXY S III ( S3 ) - GT-i9300 дисплей с тачскрином, белый, оригинал.</a>
                            </h3>
                          </li>
                          <li class="shopping-cart__goods__list__counter">
                            <div class="number__counter">
                              <div class="number__counter__fewer">
                                <span>-</span>
                              </div>
                              <div class="number__counter__result">
                                <input type="text" value="1" />
                              </div>
                              <div class="number__counter__more">
                                <span>+</span>
                              </div>
                            </div>
                          </li>
                          <li class="shopping-cart__goods__list__price">150 000 <span>c</span></li>
                          <li class="shopping-cart__goods__list__delete">
                            <a href="#">Удалить</a>
                          </li>
                        </ul>
                      </li>
                    </ul>
                    <a href="#" class="green-button">Оформить заказ</a>
                  </div>
                </div>
              </div>
            </li>
          </ul>    
        </div>  
      </div>
      <div class="header__bottom-panel">
        <div class="header__bottom-panel__inner">
          <dl class="drop-down-menu">
            <dt class="drop-down-menu__title">Каталог запчастей</dt>
            <dd class="drop-down-menu__content">
              <div class="drop-down-menu__content__inner">
                <ul class="drop-down-menu__list">
                  <li class="drop-down-menu__list__item">
                    <a href="#" class="drop-down-menu__list__link">Телефоны</a>
                    <dl class="drop-down-menu__list__tabs">
                      <dt class="drop-down-menu__list__tabs__title selected">
                        <span>По брендам</span>
                      </dt>
                      <dd class="drop-down-menu__list__tabs__content selected">
                        <div class="content scroll-simple scroll-simple_outer">
                          <ul>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                            <li>
                              <a href="#">Антенны и антенные модули</a>
                            </li>
                            <li class="selected">
                              <a href="#">Держатели</a>
                            </li>
                            <li>
                              <a href="#">Динамики, звонки</a>
                            </li>
                            <li>
                              <a href="#">Дисплеи и тачскрины</a>
                            </li>
                            <li>
                              <a href="#">Джойстики, кнопки включения</a>
                            </li>
                            <li>
                              <a href="#">Камеры, вспышки камер</a>
                            </li>
                            <li>
                              <a href="#">Клавиатурные подложки, дисплейные платы</a>
                            </li>
                            <li>
                              <a href="#">Корпуса, части корпуса, защитные стекла, клавиатуры</a>
                            </li>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                            <li>
                              <a href="#">Антенны и антенные модули</a>
                            </li>
                            <li>
                              <a href="#">Держатели</a>
                            </li>
                            <li>
                              <a href="#">Динамики, звонки</a>
                            </li>
                            <li>
                              <a href="#">Дисплеи и тачскрины</a>
                            </li>
                            <li>
                              <a href="#">Джойстики, кнопки включения</a>
                            </li>
                            <li>
                              <a href="#">Камеры, вспышки камер</a>
                            </li>
                            <li>
                              <a href="#">Клавиатурные подложки, дисплейные платы</a>
                            </li>
                            <li>
                              <a href="#">Корпуса, части корпуса, защитные стекла, клавиатуры</a>
                            </li>
                          </ul>
                        </div>  
                      </dd>
                      <dt class="drop-down-menu__list__tabs__title">
                        <span>По типу з.ч.</span>
                      </dt>
                      <dd class="drop-down-menu__list__tabs__content">
                        <div class="content scroll-simple scroll-simple_outer">
                          <ul>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                            <li>
                              <a href="#">Антенны и антенные модули</a>
                            </li>
                            <li class="selected">
                              <a href="#">Держатели</a>
                            </li>
                            <li>
                              <a href="#">Динамики, звонки</a>
                            </li>
                            <li>
                              <a href="#">Дисплеи и тачскрины</a>
                            </li>
                            <li>
                              <a href="#">Джойстики, кнопки включения</a>
                            </li>
                            <li>
                              <a href="#">Камеры, вспышки камер</a>
                            </li>
                            <li>
                              <a href="#">Клавиатурные подложки, дисплейные платы</a>
                            </li>
                            <li>
                              <a href="#">Корпуса, части корпуса, защитные стекла, клавиатуры</a>
                            </li>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                          </ul>
                        </div>  
                      </dd>
                    </dl>
                  </li>
                  <li class="drop-down-menu__list__item">
                    <a href="#" class="drop-down-menu__list__link">Планшеты</a>
                    <dl class="drop-down-menu__list__tabs">
                      <dt class="drop-down-menu__list__tabs__title selected">
                        <span>По брендам</span>
                      </dt>
                      <dd class="drop-down-menu__list__tabs__content selected">
                        <div class="content scroll-simple scroll-simple_outer">
                          <ul>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                            <li>
                              <a href="#">Антенны и антенные модули</a>
                            </li>
                            <li class="selected">
                              <a href="#">Держатели</a>
                            </li>
                            <li>
                              <a href="#">Динамики, звонки</a>
                            </li>
                            <li>
                              <a href="#">Дисплеи и тачскрины</a>
                            </li>
                            <li>
                              <a href="#">Джойстики, кнопки включения</a>
                            </li>
                            <li>
                              <a href="#">Камеры, вспышки камер</a>
                            </li>
                            <li>
                              <a href="#">Клавиатурные подложки, дисплейные платы</a>
                            </li>
                            <li>
                              <a href="#">Корпуса, части корпуса, защитные стекла, клавиатуры</a>
                            </li>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                            <li>
                              <a href="#">Антенны и антенные модули</a>
                            </li>
                            <li>
                              <a href="#">Держатели</a>
                            </li>
                            <li>
                              <a href="#">Динамики, звонки</a>
                            </li>
                            <li>
                              <a href="#">Дисплеи и тачскрины</a>
                            </li>
                            <li>
                              <a href="#">Джойстики, кнопки включения</a>
                            </li>
                            <li>
                              <a href="#">Камеры, вспышки камер</a>
                            </li>
                            <li>
                              <a href="#">Клавиатурные подложки, дисплейные платы</a>
                            </li>
                            <li>
                              <a href="#">Корпуса, части корпуса, защитные стекла, клавиатуры</a>
                            </li>
                          </ul>
                        </div>  
                      </dd>
                      <dt class="drop-down-menu__list__tabs__title">
                        <span>По типу з.ч.</span>
                      </dt>
                      <dd class="drop-down-menu__list__tabs__content">
                        <div class="content scroll-simple scroll-simple_outer">
                          <ul>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                            <li>
                              <a href="#">Антенны и антенные модули</a>
                            </li>
                            <li class="selected">
                              <a href="#">Держатели</a>
                            </li>
                            <li>
                              <a href="#">Динамики, звонки</a>
                            </li>
                            <li>
                              <a href="#">Дисплеи и тачскрины</a>
                            </li>
                            <li>
                              <a href="#">Джойстики, кнопки включения</a>
                            </li>
                            <li>
                              <a href="#">Камеры, вспышки камер</a>
                            </li>
                            <li>
                              <a href="#">Клавиатурные подложки, дисплейные платы</a>
                            </li>
                            <li>
                              <a href="#">Корпуса, части корпуса, защитные стекла, клавиатуры</a>
                            </li>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                          </ul>
                        </div>  
                      </dd>
                    </dl>
                  </li>
                  <li class="drop-down-menu__list__item">
                    <a href="#" class="drop-down-menu__list__link">Ноутбуки</a>
                    <dl class="drop-down-menu__list__tabs">
                      <dt class="drop-down-menu__list__tabs__title selected">
                        <span>По брендам</span>
                      </dt>
                      <dd class="drop-down-menu__list__tabs__content selected">
                        <div class="content scroll-simple scroll-simple_outer">
                          <ul>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                            <li>
                              <a href="#">Антенны и антенные модули</a>
                            </li>
                            <li class="selected">
                              <a href="#">Держатели</a>
                            </li>
                            <li>
                              <a href="#">Динамики, звонки</a>
                            </li>
                            <li>
                              <a href="#">Дисплеи и тачскрины</a>
                            </li>
                            <li>
                              <a href="#">Джойстики, кнопки включения</a>
                            </li>
                            <li>
                              <a href="#">Камеры, вспышки камер</a>
                            </li>
                            <li>
                              <a href="#">Клавиатурные подложки, дисплейные платы</a>
                            </li>
                            <li>
                              <a href="#">Корпуса, части корпуса, защитные стекла, клавиатуры</a>
                            </li>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                            <li>
                              <a href="#">Антенны и антенные модули</a>
                            </li>
                            <li>
                              <a href="#">Держатели</a>
                            </li>
                            <li>
                              <a href="#">Динамики, звонки</a>
                            </li>
                            <li>
                              <a href="#">Дисплеи и тачскрины</a>
                            </li>
                            <li>
                              <a href="#">Джойстики, кнопки включения</a>
                            </li>
                            <li>
                              <a href="#">Камеры, вспышки камер</a>
                            </li>
                            <li>
                              <a href="#">Клавиатурные подложки, дисплейные платы</a>
                            </li>
                            <li>
                              <a href="#">Корпуса, части корпуса, защитные стекла, клавиатуры</a>
                            </li>
                          </ul>
                        </div>  
                      </dd>
                      <dt class="drop-down-menu__list__tabs__title">
                        <span>По типу з.ч.</span>
                      </dt>
                      <dd class="drop-down-menu__list__tabs__content">
                        <div class="content scroll-simple scroll-simple_outer">
                          <ul>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                            <li>
                              <a href="#">Антенны и антенные модули</a>
                            </li>
                            <li class="selected">
                              <a href="#">Держатели</a>
                            </li>
                            <li>
                              <a href="#">Динамики, звонки</a>
                            </li>
                            <li>
                              <a href="#">Дисплеи и тачскрины</a>
                            </li>
                            <li>
                              <a href="#">Джойстики, кнопки включения</a>
                            </li>
                            <li>
                              <a href="#">Камеры, вспышки камер</a>
                            </li>
                            <li>
                              <a href="#">Клавиатурные подложки, дисплейные платы</a>
                            </li>
                            <li>
                              <a href="#">Корпуса, части корпуса, защитные стекла, клавиатуры</a>
                            </li>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                          </ul>
                        </div>  
                      </dd>
                    </dl>
                  </li>
                  <li class="drop-down-menu__list__item">
                    <a href="#" class="drop-down-menu__list__link">Фотоаппараты</a>
                    <dl class="drop-down-menu__list__tabs">
                      <dt class="drop-down-menu__list__tabs__title selected">
                        <span>По брендам</span>
                      </dt>
                      <dd class="drop-down-menu__list__tabs__content selected">
                        <div class="content scroll-simple scroll-simple_outer">
                          <ul>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                            <li>
                              <a href="#">Антенны и антенные модули</a>
                            </li>
                            <li class="selected">
                              <a href="#">Держатели</a>
                            </li>
                            <li>
                              <a href="#">Динамики, звонки</a>
                            </li>
                            <li>
                              <a href="#">Дисплеи и тачскрины</a>
                            </li>
                            <li>
                              <a href="#">Джойстики, кнопки включения</a>
                            </li>
                            <li>
                              <a href="#">Камеры, вспышки камер</a>
                            </li>
                            <li>
                              <a href="#">Клавиатурные подложки, дисплейные платы</a>
                            </li>
                            <li>
                              <a href="#">Корпуса, части корпуса, защитные стекла, клавиатуры</a>
                            </li>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                            <li>
                              <a href="#">Антенны и антенные модули</a>
                            </li>
                            <li>
                              <a href="#">Держатели</a>
                            </li>
                            <li>
                              <a href="#">Динамики, звонки</a>
                            </li>
                            <li>
                              <a href="#">Дисплеи и тачскрины</a>
                            </li>
                            <li>
                              <a href="#">Джойстики, кнопки включения</a>
                            </li>
                            <li>
                              <a href="#">Камеры, вспышки камер</a>
                            </li>
                            <li>
                              <a href="#">Клавиатурные подложки, дисплейные платы</a>
                            </li>
                            <li>
                              <a href="#">Корпуса, части корпуса, защитные стекла, клавиатуры</a>
                            </li>
                          </ul>
                        </div>  
                      </dd>
                      <dt class="drop-down-menu__list__tabs__title">
                        <span>По типу з.ч.</span>
                      </dt>
                      <dd class="drop-down-menu__list__tabs__content">
                        <div class="content scroll-simple scroll-simple_outer">
                          <ul>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                            <li>
                              <a href="#">Антенны и антенные модули</a>
                            </li>
                            <li class="selected">
                              <a href="#">Держатели</a>
                            </li>
                            <li>
                              <a href="#">Динамики, звонки</a>
                            </li>
                            <li>
                              <a href="#">Дисплеи и тачскрины</a>
                            </li>
                            <li>
                              <a href="#">Джойстики, кнопки включения</a>
                            </li>
                            <li>
                              <a href="#">Камеры, вспышки камер</a>
                            </li>
                            <li>
                              <a href="#">Клавиатурные подложки, дисплейные платы</a>
                            </li>
                            <li>
                              <a href="#">Корпуса, части корпуса, защитные стекла, клавиатуры</a>
                            </li>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                          </ul>
                        </div>  
                      </dd>
                    </dl>
                  </li>
                  <li class="drop-down-menu__list__item">
                    <a href="#" class="drop-down-menu__list__link">Электронные книги</a>
                    <dl class="drop-down-menu__list__tabs">
                      <dt class="drop-down-menu__list__tabs__title selected">
                        <span>По брендам</span>
                      </dt>
                      <dd class="drop-down-menu__list__tabs__content selected">
                        <div class="content scroll-simple scroll-simple_outer">
                          <ul>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                            <li>
                              <a href="#">Антенны и антенные модули</a>
                            </li>
                            <li class="selected">
                              <a href="#">Держатели</a>
                            </li>
                            <li>
                              <a href="#">Динамики, звонки</a>
                            </li>
                            <li>
                              <a href="#">Дисплеи и тачскрины</a>
                            </li>
                            <li>
                              <a href="#">Джойстики, кнопки включения</a>
                            </li>
                            <li>
                              <a href="#">Камеры, вспышки камер</a>
                            </li>
                            <li>
                              <a href="#">Клавиатурные подложки, дисплейные платы</a>
                            </li>
                            <li>
                              <a href="#">Корпуса, части корпуса, защитные стекла, клавиатуры</a>
                            </li>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                            <li>
                              <a href="#">Антенны и антенные модули</a>
                            </li>
                            <li>
                              <a href="#">Держатели</a>
                            </li>
                            <li>
                              <a href="#">Динамики, звонки</a>
                            </li>
                            <li>
                              <a href="#">Дисплеи и тачскрины</a>
                            </li>
                            <li>
                              <a href="#">Джойстики, кнопки включения</a>
                            </li>
                            <li>
                              <a href="#">Камеры, вспышки камер</a>
                            </li>
                            <li>
                              <a href="#">Клавиатурные подложки, дисплейные платы</a>
                            </li>
                            <li>
                              <a href="#">Корпуса, части корпуса, защитные стекла, клавиатуры</a>
                            </li>
                          </ul>
                        </div>  
                      </dd>
                      <dt class="drop-down-menu__list__tabs__title">
                        <span>По типу з.ч.</span>
                      </dt>
                      <dd class="drop-down-menu__list__tabs__content">
                        <div class="content scroll-simple scroll-simple_outer">
                          <ul>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                            <li>
                              <a href="#">Антенны и антенные модули</a>
                            </li>
                            <li class="selected">
                              <a href="#">Держатели</a>
                            </li>
                            <li>
                              <a href="#">Динамики, звонки</a>
                            </li>
                            <li>
                              <a href="#">Дисплеи и тачскрины</a>
                            </li>
                            <li>
                              <a href="#">Джойстики, кнопки включения</a>
                            </li>
                            <li>
                              <a href="#">Камеры, вспышки камер</a>
                            </li>
                            <li>
                              <a href="#">Клавиатурные подложки, дисплейные платы</a>
                            </li>
                            <li>
                              <a href="#">Корпуса, части корпуса, защитные стекла, клавиатуры</a>
                            </li>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                          </ul>
                        </div>  
                      </dd>
                    </dl>
                  </li>
                  <li class="drop-down-menu__list__item">
                    <a href="#" class="drop-down-menu__list__link">MP3 плееры</a>
                    <dl class="drop-down-menu__list__tabs">
                      <dt class="drop-down-menu__list__tabs__title selected">
                        <span>По брендам</span>
                      </dt>
                      <dd class="drop-down-menu__list__tabs__content selected">
                        <div class="content scroll-simple scroll-simple_outer">
                          <ul>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                            <li>
                              <a href="#">Антенны и антенные модули</a>
                            </li>
                            <li class="selected">
                              <a href="#">Держатели</a>
                            </li>
                            <li>
                              <a href="#">Динамики, звонки</a>
                            </li>
                            <li>
                              <a href="#">Дисплеи и тачскрины</a>
                            </li>
                            <li>
                              <a href="#">Джойстики, кнопки включения</a>
                            </li>
                            <li>
                              <a href="#">Камеры, вспышки камер</a>
                            </li>
                            <li>
                              <a href="#">Клавиатурные подложки, дисплейные платы</a>
                            </li>
                            <li>
                              <a href="#">Корпуса, части корпуса, защитные стекла, клавиатуры</a>
                            </li>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                            <li>
                              <a href="#">Антенны и антенные модули</a>
                            </li>
                            <li>
                              <a href="#">Держатели</a>
                            </li>
                            <li>
                              <a href="#">Динамики, звонки</a>
                            </li>
                            <li>
                              <a href="#">Дисплеи и тачскрины</a>
                            </li>
                            <li>
                              <a href="#">Джойстики, кнопки включения</a>
                            </li>
                            <li>
                              <a href="#">Камеры, вспышки камер</a>
                            </li>
                            <li>
                              <a href="#">Клавиатурные подложки, дисплейные платы</a>
                            </li>
                            <li>
                              <a href="#">Корпуса, части корпуса, защитные стекла, клавиатуры</a>
                            </li>
                          </ul>
                        </div>  
                      </dd>
                      <dt class="drop-down-menu__list__tabs__title">
                        <span>По типу з.ч.</span>
                      </dt>
                      <dd class="drop-down-menu__list__tabs__content">
                        <div class="content scroll-simple scroll-simple_outer">
                          <ul>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                            <li>
                              <a href="#">Антенны и антенные модули</a>
                            </li>
                            <li class="selected">
                              <a href="#">Держатели</a>
                            </li>
                            <li>
                              <a href="#">Динамики, звонки</a>
                            </li>
                            <li>
                              <a href="#">Дисплеи и тачскрины</a>
                            </li>
                            <li>
                              <a href="#">Джойстики, кнопки включения</a>
                            </li>
                            <li>
                              <a href="#">Камеры, вспышки камер</a>
                            </li>
                            <li>
                              <a href="#">Клавиатурные подложки, дисплейные платы</a>
                            </li>
                            <li>
                              <a href="#">Корпуса, части корпуса, защитные стекла, клавиатуры</a>
                            </li>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                          </ul>
                        </div>  
                      </dd>
                    </dl>
                  </li>
                  <li class="drop-down-menu__list__item">
                    <a href="#" class="drop-down-menu__list__link">Брэнды</a>
                    <dl class="drop-down-menu__list__tabs">
                      <dt class="drop-down-menu__list__tabs__title selected">
                        <span>По брендам</span>
                      </dt>
                      <dd class="drop-down-menu__list__tabs__content selected">
                        <div class="content scroll-simple scroll-simple_outer">
                          <ul>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                            <li>
                              <a href="#">Антенны и антенные модули</a>
                            </li>
                            <li class="selected">
                              <a href="#">Держатели</a>
                            </li>
                            <li>
                              <a href="#">Динамики, звонки</a>
                            </li>
                            <li>
                              <a href="#">Дисплеи и тачскрины</a>
                            </li>
                            <li>
                              <a href="#">Джойстики, кнопки включения</a>
                            </li>
                            <li>
                              <a href="#">Камеры, вспышки камер</a>
                            </li>
                            <li>
                              <a href="#">Клавиатурные подложки, дисплейные платы</a>
                            </li>
                            <li>
                              <a href="#">Корпуса, части корпуса, защитные стекла, клавиатуры</a>
                            </li>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                            <li>
                              <a href="#">Антенны и антенные модули</a>
                            </li>
                            <li>
                              <a href="#">Держатели</a>
                            </li>
                            <li>
                              <a href="#">Динамики, звонки</a>
                            </li>
                            <li>
                              <a href="#">Дисплеи и тачскрины</a>
                            </li>
                            <li>
                              <a href="#">Джойстики, кнопки включения</a>
                            </li>
                            <li>
                              <a href="#">Камеры, вспышки камер</a>
                            </li>
                            <li>
                              <a href="#">Клавиатурные подложки, дисплейные платы</a>
                            </li>
                            <li>
                              <a href="#">Корпуса, части корпуса, защитные стекла, клавиатуры</a>
                            </li>
                          </ul>
                        </div>  
                      </dd>
                      <dt class="drop-down-menu__list__tabs__title">
                        <span>По типу з.ч.</span>
                      </dt>
                      <dd class="drop-down-menu__list__tabs__content">
                        <div class="content scroll-simple scroll-simple_outer">
                          <ul>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                            <li>
                              <a href="#">Антенны и антенные модули</a>
                            </li>
                            <li class="selected">
                              <a href="#">Держатели</a>
                            </li>
                            <li>
                              <a href="#">Динамики, звонки</a>
                            </li>
                            <li>
                              <a href="#">Дисплеи и тачскрины</a>
                            </li>
                            <li>
                              <a href="#">Джойстики, кнопки включения</a>
                            </li>
                            <li>
                              <a href="#">Камеры, вспышки камер</a>
                            </li>
                            <li>
                              <a href="#">Клавиатурные подложки, дисплейные платы</a>
                            </li>
                            <li>
                              <a href="#">Корпуса, части корпуса, защитные стекла, клавиатуры</a>
                            </li>
                            <li>
                              <a href="#">Аккумляторы</a>
                            </li>
                          </ul>
                        </div>  
                      </dd>
                    </dl>
                  </li>
                </ul>
              </div>
            </dd>
          </dl>
          <div class="search-form">
            <form>
              <fieldset class="type-submit">
                <input type="submit" value="Найти" />
              </fieldset>
              <fieldset class="search-form__type-text">
                <input type="text" />
              </fieldset>
            </form>
          </div>
        </div>  
      </div>
    </header>  
    <!-- header end -->
    <!-- page Start -->
    <div class="page">
      <div class="page__inner">
        <nav class="bread-crumbs">
          <ul>
            <li>
              <a href="#">Главная</a>
            </li>
            <li class="selected">
              <a href="#">О компании</a>
            </li>  
          </ul>
        </nav> 
        <div class="page__content">
          <div class="page__content__inner">
            <section class="main-content">
              <h1 class="global-small-title">Контент</h1>
              <div class="entry">
                <h1>Промо заголовок - h1</h1>
                <h2>Промо заголовок - h2</h2>
                <h3>Промо заголовок - h3</h3>
                <h4>Промо заголовок - h4</h4>
                <h5>Промо заголовок - h5</h5>
                <h6>Промо заголовок - h6</h6>   
                <hr />
                <h2>Базовые элементы</h2>
                <p>
                  Тег <code>p</code> является блочным элементом, перед ним всегда добавляется пустая строка, параграфы текста идущие друг за другом разделяются между собой вертикальным промежутком.
                  Величиной промежутка можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец параграфа совпадает с началом следующего блочного элемента.
                </p>      
                <p>
                  Тег <code>address</code> предназначен для хранения информации об авторе и может включать в себя любые элементы HTML вроде ссылок, текста, выделений и т.д. Планируется,
                  что поисковые системы будут анализировать содержимое этого тега для сбора информации об авторах сайтов.
                </p>  
                <address>
                  <a href="#">Promo link</a>,
                  <a href="#">Promo link@promo.ru</a>
                </address>
                <blockquote>
                  Тег <code>blockquote</code> предназначен для <strong>выделения длинных цитат</strong> внутри документа. Текст, обозначенный этим тегом,
                  традиционно отображается как выровненный блок с отступами слева и справа (примерно по 40 пикселов), а также с отбивкой сверху и снизу.
                </blockquote>
                <hr />
                <h2>Списки</h2>         
                <p>
                  HTML поддерживает три способа хранения и отображения списков. Любой список состоит из одного или нескольких элементов списков. Списки подразделяются на:маркированные (неупорядоченные) списки,
                  нумерованные (упорядоченные) списки и списки определений.
                </p>
                <p>
                  Тег <code>ul</code> устанавливает маркированный список. Каждый элемент списка должен начинаться с тега <code>li</code>. Если к тегу <code>&lt;UL&gt;</code>
                  применяется таблица стилей, то элементы <code>li</code> наследуют эти свойства.
                </p>
                <ul>
                  <li>Чебурашка
                    <ul>
                      <li>Чебурашка</li>
                      <li>Крокодил Гена</li>
                      <li>Шапокляк</li>
                    </ul>
                  </li>
                  <li>Крокодил Гена</li>
                  <li>Шапокляк</li>
                </ul>
                <p>Тег <code>ol</code> устанавливает нумерованный  список. Каждый элемент списка должен начинаться с тега <code>li</code>. Если к тегу <code>ol</code> применяется таблица стилей, то элементы <code>li</code> наследуют эти свойства.</p>
                <ol>
                  <li>Чебурашка
                    <ol>
                      <li>Чебурашка</li>
                      <li>Крокодил Гена</li>
                      <li>Шапокляк</li>
                      </ol>
                    </li>
                    <li>Крокодил Гена</li>
                    <li>Шапокляк</li>
                </ol>
                <p>
                  Тег <code>dl</code> входит в тройку элементов <code>dl</code>, <code>dt</code>, <code>dd</code>, предназначенных для создания списка определений.
                  Каждый такой список начинается с контейнера <code>dl</code>, куда входит тег <code>dt</code> создающий термин и тег <code>dd</code> задающий определение этого термина.
                </p>
                <dl>
                    <dt>Термин 1</dt>
                    <dd>Определение термина 1</dd>
                    <dt>Термин 2</dt>
                    <dd>Определение термина 2</dd>
                </dl>
                <hr />  
                <h2>Разметка текста</h2>            
                <ul>
                  <li><p><abbr title="Каскадные таблицы стилей">CSS</abbr> (для обозначения аббревиатур, используется элемент <code>abbr</code>)</p></li>
                  <li><p><b>Полужирное начертание</b> (элемент <code>b</code> используется для стилистического усиления текста (например, для ключевых слов) или просто для полужирного начертания)</p></li>
                  <li><p><cite>Когда власть Любви превзойдет любовь к Власти &mdash; настанет Мир на Земле</cite> (элемент <code>cite</code> помечает текст как цитату или сноску на другой материал)</p></li>
                  <li><p><code>a[i] = b[i] + c[i];</code> (элемент <code>code</code> предназначен для отображения одной или нескольких строк текста, который представляет собой программный код)</p></li>
                  <li><p>Этот текст был <del>удален</del> (элемент <code>del</code> используется для выделения текста, который был удален в новой версии документа)</p></li>
                  <li><p>Это <em>очень важный</em> пример (элемент <code>em</code> предназначен для акцентирования текста)</p></li>
                  <li><p><i lang="la">Homo sapiens</i> (элемент <code>i</code> представляет собой фрагмент текста с дополнительным выделением или же экспрессивно-эмоциональным сдвигом относительно обычного текста (то, что обычно обозначается <i>курсивом</i> в типографике)</p></li>
                  <li><p>В новой версии, <ins>подход разработчиков этого браузера был изменен</ins> (элемент <code>ins</code> предназначен для выделения текста, который был добавлен в новую версию документа.</p></li>
                  <li><p>Станислав Лец утверждал: <q>Чаще всего выход там, где был вход</q> (элемент <code>q</code> используется для выделения в тексте цитат.</p></li>
                  <li><p>Тигр уступает по <small>размерам</small> и <small>весу</small> только другому наземному хищнику, белому медведю (элемент <code>small</code> уменьшает размер шрифта на единицу по сравнению с обычным текстом)</p></li>
                  <li><p><strong>Это важный текст</strong> (элемент <code>strong</code> обозначал большее усиление экспрессии, а сейчас обозначает высокую важность, что, в общем, почти то же самое (ещё большее усиление или важность сейчас определяется уровнем вложенности)) </p></li>
                  <li><p>Пример использвания элемента <code>sub</code> (отображает шрифт в виде нижнего индекса): H<sub><small>2</small></sub>SO<sub><small>4</small></sub> <br/>и элемента <code>sup</code> (отображает шрифт в виде верхнего индекса): X <sup><small>n</small></sup> + Y <sup><small>n</small></sup> = Z <sup><small>n</small></sup></p></li>
                </ul>
                <hr />
                <h2>Таблица</h2>
                <table>
                  <thead>
                    <tr>
                      <th>№</th>
                      <th>Услуги</th>
                      <th>Цена (руб.)</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td class="center">1</td>
                      <td>Диагностика в условиях стационарной мастерской</td>
                      <td class="center">200</td>
                    </tr>
                    <tr>
                      <td class="center">2</td>
                      <td>Ремонт отечественного пылесоса (сухой уборки)</td>
                      <td class="center">850</td>
                    </tr>
                    <tr>
                      <td class="center">3</td>
                        <td>Диагностика в условиях стационарной мастерской</td>
                        <td class="center">200</td>
                      </tr>
                      <tr>
                        <td class="center">4</td>
                        <td>Ремонт отечественного пылесоса (сухой уборки)</td>
                        <td class="center">850</td>
                      </tr>
                      <tr>
                        <td class="center">5</td>
                        <td>Диагностика в условиях стационарной мастерской</td>
                        <td class="center">200</td>
                      </tr>
                      <tr>
                        <td class="center">6</td>
                        <td>Ремонт отечественного пылесоса (сухой уборки)</td>
                        <td class="center">850</td>
                      </tr>
                  </tbody>
                </table>
              </div>
            </section>  
          </div>  
        </div>   
      </div>  
    </div>
    <!-- page end -->
  </div>
  <!-- wrapper end -->
  <!-- fotoer Start -->
  <footer class="footer">
    <ul class="footer__list">
      <li class="footer__list__item">
        <div class="footer__logo">
          <span>Mspares.ru</span>
        </div>
      </li>
      <li class="footer__list__item">
        <nav class="footer__navi">
          <ul>
            <li>
              <a href="#">Компания</a>
            </li>
            <li>
              <a href="#">Доставка</a>
            </li>
            <li>
              <a href="#">Оплата и гарантия</a>
            </li>
            <li>
              <a href="#">Контаты</a>
            </li>
          </ul>
        </nav>
      </li>
      <li class="footer__list__item">
        <div class="select-city">
          <span class="select-city__link">
            <span>Москва и Подмосковье</span>
          </span>
          <div class="select-city__confirmation">
            <div class="select-city__confirmation__inner">
              <p>Ваш город - Петропавловск-Камчатский?</p>
              <ul class="select-city__confirmation__button-list">
                <li>
                  <a href="#">Да</a>
                </li>
                <li>
                  <a href="#">Нет</a>
                </li>
              </ul>
            </div>
            <div class="select-city__confirmation__corn">&nbsp;</div>
          </div>
        </div>
        <div class="contact-info">
            <div class="contact-info__inner">
              <address>
                <span>8 (495) 988-0-911</span>
              </address>
              <div class="contact-info__sub-navi">
                <ul>
                  <li class="contact-info__sub-navi__order-call">
                    <a href="#">Закажите звонок</a>
                  </li>
                  <li class="contact-info__sub-navi__consultant">
                    <a href="#">Онлайн консультант</a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
      </li> 
      <li class="footer__list__item">
        <a href="#" class="development">Brander</a>
      </li> 
    </ul>    
  </footer>
  <!-- fotoer end -->
  <!-- global-popup Start -->
  <div id="authorization" class="global-popup">
    <div class="global-popup__description">
      <div class="global-popup__description__inner">
        <span class="global-popup__close">
          <span>Закрыть</span>
        </span>
        <h2 class="global-small-title">Авторизация</h2>
        <form>
          <fieldset>
            <label for="login">Логин</label>
            <div class="type-text">
              <input id="login" type="text" />
            </div>  
          </fieldset>
          <fieldset>
            <label for="password">Пароль</label>
            <div class="type-text">
              <input id="password" type="text" />
            </div>  
          </fieldset>
          <fieldset>
            <input class="type-submit-bt" type="submit" value="Войти" />
          </fieldset>
        </form>
      </div>  
    </div>
    <div class="global-popup__popup-overlay">&nbsp;</div>
  </div>
  <!-- global-popup end -->
  <!-- jQuery library -->
  <script type="text/javascript" src="js/jquery.js"></script>
  <!-- jQuery Plugin scripts -->
  <script type="text/javascript" src="js/jquery.easing.1.3.min.js"></script>
  <script type="text/javascript" src="js/jquery.mousewheel.js"></script>
  <!-- jQuery scripts -->
  <script type="text/javascript" src="js/jquery.sliderkit.1.9.2.pack.js"></script>
  <script type="text/javascript" src="js/jquery.ui-slider.js"></script>
  <script type="text/javascript" src="js/jquery.core-ui-select.js"></script>
  <script src="js/jquery.scrollbar.min.js"></script>
  <script src="js/placeholder.js"></script>
  <script type="text/javascript" src="js/scripts.js"></script>
</body>

</html>                         